<template>
  <div>
    <article class="w">
      <div class="margin-b50">
        <section class="w head_head_1 clearfix">
          <div class="fl">
            <headers />
          </div>
          <div class="fr">
            <div>
              <img src="/images/xin.png" alt="" />
              <span>收藏</span>
            </div>
            <div>
              <img src="/images/fen.png" alt="" />
              <span>分享</span>
              <div class="fenxiang clearfix">
                <span>分享到</span>
                <img src="/images/weibo.png" alt="" />
                <img src="/images/weixin.png" alt="" />
              </div>
            </div>
          </div>
        </section>
        <section class="w head_head_2 clearfix">
          <div class="fl head_head_2a">
            <tao />
          </div>
          <head-2-b />
        </section>
        <div class="body_head clearfix">
          <div>三星W22</div>
          <div>
            <ul>
              <li><a href="#sp1">商品详情</a></li>
              <li><a href="#sp2">规格介绍</a></li>
              <li><a href="#sp3">商品推荐</a></li>
              <li><a href="#sp4">商品评价</a></li>
            </ul>
          </div>
        </div>
        <!--  -->
        <slideshow />
      </div>
      <do />
    </article>
  </div>
</template>

<script>
import Do from "../components/Do.vue";
import Head2B from "../components/Head2B.vue";
import Headers from "../components/Headers.vue";
import Slideshow from "../components/Slideshow.vue";
import Tao from "../components/Tao.vue";
export default {
  components: { Headers, Tao, Slideshow, Do, Head2B },
};
</script>

<style lang="less" scoped>
</style>